.px2rem(@name,@px){
    @{name}:@px/75*1rem
}
html,body{
      height: 100%;  
}
body{
        
        background: #eee;
        display: flex;
       flex-direction: column;
}
.headertop{
        display: flex;
        justify-content: space-between;
        .px2rem(height,100);
        width: 100%;
        background: #fafafa;
        border-bottom: 2px solid #b2b2b2;
        .lshz{
            display: flex;   
            align-items: center;
            .px2rem(font-size,33);
            color: #409afd;
               img{
                    .px2rem(height,54)
              }
        }
       .lshc{
             display: flex;   
             align-items: center;
           .px2rem(font-size,47);
       }
       .lshy{
           .px2rem(width,110);
          
       }
}
.lsmin{
        flex: 1;
        .top{
                 .px2rem(height,280);
                background: url(../imgs/huanghun.png) no-repeat;
                background-size:100% ;
                display: flex; 
                flex-direction: column;
                justify-content: space-between;
               
                .topt{
                        height: 70%;
                        width: 100%;
                        display: flex;
                        background: none;
                       .topl,.topc,.topr{
                           background: none;
                           height: 100%;
                           flex: 1;
                       }
                       .topl{
                                align-items: flex-start;
                              
                                h2{
                                         .px2rem(text-indent,40);
                                            color: #FFFFFF;
                                            .px2rem(font-size,30);
                                              .px2rem(margin-top,40);
                                }
                       }
                         .topr{
                                align-items: flex-start;
                                justify-content: flex-end;
                                img{
                                        .px2rem(margin-top,40);
                                        .px2rem(height,70);
                                        .px2rem(width,150);
                                }
                                
                       }
                       .topc{
                                    display: flex;
                                    align-items: center;
                                    justify-content: space-around;
                                    flex-direction: column;
                                     .toub{  
                                                     align-items: center;
                                                    .px2rem(height,120);
                                                    .px2rem(width,120);
                                                    border: 1px solid #CCCCCC;
                                                    border-radius: 50%;
                                                    display: flex;
                                                     justify-content: center;
                                                    align-items: center;
                                                    background: rgba(255,255,255,0.3);
                                                 .touxiang{
                                                    display: flex;
                                                    background: #edebeb;
                                                   overflow: hidden;
                                                    align-items: center;
                                                    .px2rem(height,105);
                                                    .px2rem(width,105);
                                                    border-radius: 50%;
                                                    img{
                                                            display: block;
                                                            width: 110%;
                                                            height: 110%;
                                                    }
                                            }
                                    }
                                      .hh3{
                                                    width: 100%;
                                                    .px2rem(height,50);
                                                    
                                                     background: none;
                                                  
                                                    display: flex;
                                                   justify-content: center;
                                                    align-items: center;
                                                     .px2rem(font-size,30);
                                                     h3{
                                                            text-align: center;  
                                                             color: #FFFFFF;
                                                            
                                                             .px2rem(height,50);
                                                              .px2rem(font-size,30);
                                                               .px2rem(line-height,50);
                                                     }
                                                    img{
                                                        .px2rem(height,30);
                                                        .px2rem(margin-right,10);
                                                        .px2rem(width,30);
                                                    }
                                            }
                       }
                }
                .topb{
                       .px2rem(height,80);
                        width: 100%;
                        background: none;
                        display: flex;
                        background: url(../imgs/biankuang1.png) no-repeat top center;
                        div{
                                flex: 1;
                                height: 100%;
                                justify-content: center;
                                color:#FFFFFF;
                                align-items: center;
                                .px2rem(font-size,35);
                                background: none;
                                img{
                                        .px2rem(height,30);
                                        .px2rem(margin-right,10);
                                        .px2rem(width,50);
                                                   
                                }
                                h5{
                                     .px2rem(line-height,200);
                                }
                        }
                        .ble{
                                background: url(../imgs/biankuang2.png) no-repeat right center;
                                .px2rem(height,30);
                                 .px2rem(margin-right,10);
                                 .px2rem(width,30);
                        }
                }
        }
        .mabottom{
             background: #FFFFFF;  
             display: flex;
              .px2rem(height,100);
              .px2rem(margin-bottom,40);
              p{
                  border: none;
              }
              h1{
                     .px2rem(line-height,100);
                      .px2rem(font-size,35);
                      
                      border: none;
                      
                      flex: 1;
              }
             span{
                    display: block;
                    .px2rem(line-height,100);
                    .px2rem(width,100);
                      .px2rem(font-size,55);
                      color: #B2B2B2;
                      border: none;
             }
        }
        div{
                     background: #FFFFFF;  
                     display: flex;
                      .px2rem(height,100);
                      align-items: center;
                      p{
                                 .px2rem(margin-left,30);
                                 .px2rem(height,100);
                                   display: flex;
                                   align-items: center;
                                  border-bottom: 1px solid #B2B2B2;
                                  img{
                                  display: block;
                                  .px2rem(width,60);
                                   
                                  .px2rem(height,45);
                                  
                              }
                      }
                      
                      h1{
                             .px2rem(line-height,100);
                              .px2rem(font-size,35);
                              .px2rem(padding-left,25);
                              border-bottom: 1px solid #B2B2B2;
                              flex: 1;
                      }
                     span{
                            display: block;
                            .px2rem(line-height,100);
                            .px2rem(width,100);
                              .px2rem(font-size,55);
                              color: #B2B2B2;
                              border-bottom: 1px solid #B2B2B2;  
                     }
                }
        
    }
























footer{
        display: flex;
        .px2rem(height,120);
        border-top: 2px solid #B2B2B2;
        width: 100%;
        div{
                display: flex;
                flex-direction: column;
                flex: 1;
                .px2rem(font-size,24);
                align-items: center;
                justify-content: space-around;
                .zic{
                    color: #007aff;
                }
                img{
                        .px2rem(height,58);
                        .px2rem(width,65)
                }
        }
}